<script setup lang="ts">
import DisplayComponent from '@/layouts/DisplayComponent.vue';

const rawHtml_1 = `
<template>
  <vi-menu>
    <vi-menu-item index="1">Home</vi-menu-item>
    <vi-menu-item index="2">About</vi-menu-item>
    <vi-menu-item index="3">Contact</vi-menu-item>
  </vi-menu>

  <vi-menu mode="vertical">
    <vi-menu-item index="1">Home</vi-menu-item>
    <vi-menu-item index="2">About</vi-menu-item>
    <vi-menu-item index="3">Contact</vi-menu-item>
  </vi-menu>
</template>
`
</script>

<template>
  <DisplayComponent :rawHtml="rawHtml_1">
    <vi-menu>
      <vi-menu-item index="1">Home</vi-menu-item>
      <vi-menu-item index="2">About</vi-menu-item>
      <vi-menu-item index="3">Contact</vi-menu-item>
    </vi-menu>

    <vi-menu mode="vertical">
      <vi-menu-item index="1">Home</vi-menu-item>
      <vi-menu-item index="2">About</vi-menu-item>
      <vi-menu-item index="3">Contact</vi-menu-item>
    </vi-menu>
  </DisplayComponent>

</template>
